@charset "utf-8";
/* CSS Document */

/*<!--[if lt IE 9]>*/
/*<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>*/
/*<![endif]-->*/

* {
	margin: 0px;
	font-family: Arial, "MS Trebuchet", sans-serif;
}

html, body {
	height: 100%;
}

header {
	width: 100%;
	height: 48px;
	background-color: seagreen;
	color: lightgray;
	text-align: center;
	border-bottom: 3px solid forestgreen;
	border-radius: 0px 0px 5px 5px;
	margin: auto;
/*	opacity: 0.75;*/
/*	border-bottom: 3px solid forestgreen;*/
/*	float:left;*/
}

section {
	margin: auto;
	width: 99%;
}

iframe {
	min-height: 540px;
	height: 88%;
	margin-top: 0.25%;
	margin-bottom: 0.25%;
	width: 85%;
	border: 0;
/*	border: 3px solid slategray;*/
	float: right;
}

aside {
	width: 12%;
	height: 88%;
	margin-left: 0.25%;
	margin-top: 0.25%;
	margin-bottom: 0.25%;
	float: left;
	display: block;
	padding-right: 3px;
	border-right: 3px solid forestgreen;
/*	padding-bottom: 100%;*/
}

aside h2 {
	margin: auto;
	margin-top: 10px;
	width: 100%;
	text-align: center;
	color: lightgray;
	display:block;
	background-color: forestgreen;
	border-radius: 5px 5px 0px 0px;
	border-bottom: 1px solid darkslategray;
}

aside h2:hover {
	background: lightgreen;
	color: forestgreen;
}

nav {
	width: 100%;
	min-height: 5px;
	border: 0px solid darkslategray;
	background-color: darkslategray;
	border-radius: 0px 0px 10px 10px;
	margin: auto;
	z-index: -1;
}

nav button {
	width: 100%;
	border: 0px;
	height: 20px;
	margin: auto;
	margin-top: 1px;
	background-color: forestgreen;
	border-bottom: 3px solid lightgreen;
	border-radius: 0px 0px 10px 10px;
	color: lightgreen;
	font-weight: bold;
	z-index: 0;
}

nav button:hover {
	background-color: lightgreen;
	color: forestgreen;
/*	height: 20px;*/
}

nav button.selected {
	border-bottom: 0;
/*	width: 115%;*/
/*	height: 30px;*/
	background-color: seagreen;
	border-bottom: 3px solid green;
/*	border-bottom: 3px solid seagreen;*/
	color: lightgreen;
}

footer {
	width: 100%;
	height: 20px;
	margin-bottom: 0;
	position: relative;
	float: right;
	border-top: 4px solid forestgreen;
	border-radius: 10px 10px 0px 0px;
	background: seagreen;
	color: lightgray;
/*	opacity: 0.75;*/
	font-weight: bold;
	text-align: center;
}

